<!-- lab3-4.html -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>逛好店组件</title>
    <!-- 引入外部CSS样式文件 -->
    <link rel="stylesheet" href="lab3-4.css">
</head>
<body>

    <div class="shop-container">
        <!-- 标题部分 -->
        <div class="shop-header">
            <h2>逛好店</h2>
            <div class="arrow"></div>
        </div>

        <!-- 店铺卡片1 -->
        <div class="shop-card">
            <div class="shop-info">
                <h3>贝恩施京东自营官方旗舰店</h3>
                <span class="tag">自营</span>
                <p>277.9万人关注</p>
            </div>
            <div class="shop-img">
                <img src="a87b54af-6a93-44fa-bbc0-36843b3fc309.jpg" alt="商品图1">
            </div>
        </div>

        <!-- 店铺卡片2 -->
        <div class="shop-card">
            <div class="shop-info">
                <h3>美宝莲京东自营官方旗舰店</h3>
                <span class="tag">自营</span>
                <p>192.9万人关注</p>
            </div>
            <div class="shop-img">
                <img src="ac48455a-148e-4adc-a6dd-50297f7f2ddd.jpg" alt="商品图2">
            </div>
        </div>
    </div>

</body>
</html>
